// 定义store    已舍弃
import { defineStore } from "pinia";
import { ref } from "vue";
/*
    defineStore参数描述：
        第一个参数：给状态起名，具有唯一性
        第二个参数：函数，可以把定义该状态中拥有的内容

    defineStore返回值描述：
        返回的是一个函数，将来可以调用该函数，得到第二个参数中返回的内容
*/
export const useTokenStore = defineStore(
  "token",
  () => {
    // 定义状态的内容
    //1.响应式变量
    const token = ref("");

    //2. 定义一个函数，修改token的值
    const setToken = (newToken) => {
      token.value = newToken;
    };

    //3.函数，移除token的值
    const removeToken = () => {
      token.value = "";
    };
    return {
      token,
      setToken,
      removeToken,
    };
  },

  {
    persist: true, // 持久化存储
  }
);
//   注意：这里的persist 在方法外围！！！！！
